<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>超链接元素</title>
	</head>
	<body>
		<!-- 超文本链接：通过点击文本，实现页面跳转
		 超链接元素：a
		 超链接属性： href="路径+全称"
		 超链接有6种表现形式
		 1.跳转至页面：路径+文件全称
		 2.跳转本地：#【占位符】
		 ③跳转到互联网页面：http://www.baidu.com
		 ④实现下载：引入压缩包
		 ⑤跳转至邮箱：mailto: 3305409912@qq.com   软件foxmail
		 ⑥跳转至JavaScript:javascript
		 target属性：跳转打开方式
		       属性值：_self 默认，当前窗口打开，页面覆盖
			        _parent当前父页面打开，没有父页面效果
					_top在整个浏览器中打开页面，会忽略页面结构，直接占满全屏
					_blank新打开一个页面，页面不会覆盖【*】
		 -->
		 <a href="javascript:alert('欢迎学习JS')">跳转至JS</a>
		 <a href=" mailto:3305409912@qq.com">跳转至邮箱</a>
		 <a href="1.zip">下载功能</a>
		 <a href="http://www.baidu.com" target="_top">百度一下，你就知道</a>
		 <a href="#">跳转本地</a>
		 <a href="大风车.html">大风车页面</a>
		 h1>锚点技术</h1>
		 <!-- 【返回顶部】锚点具备三要素：1.定义锚点 2.锚点链接 3.锚点位-->
		 <!-- 1.定义锚点-->
		 <a href="#abc">人</a>
		 <!-- 2.锚点距离  填充页面高度：1000px-->
		 <div style="height: 1000px;"></div>
		 <!--3.锚点位   超链接name传参属性：【将前台数据传输后台】
		 		             属性值：自定
		 		-->
		<a name="abc"><img src="img/1.png" alt="海绵宝宝"/></a>
	</body>
</html>